.st-table-container {
  border-right: 0;
  border-bottom: 0;
  font-size: 11px;
  width: 100%;
  height: 100%;
  overflow: auto scroll;

  .st-table-header {
    table {
      border-collapse: separate;
      border-spacing: 0;
      table-layout: fixed;
      width: 100%;
      thead.st-table-thead {
        tr {
          th.st-table-cell {
            color: #909090;
            font-weight: 500;
            padding: 9px 10px;
            text-align: left;
            &:last-child {
              border-right: 0;
            }
          }
        }
      }
    }
  }

  .st-table-body {
    border-bottom: 1px solid #f0f0f0;

    table {
      border-collapse: separate;
      border-spacing: 0;
      table-layout: fixed;

      tbody.st-table-tbody {
        tr.st-table-row {
          td.st-table-cell {
            border-bottom: 1px solid #f0f0f0;
            color: #222;
            font-weight: bold;
            padding: 5px 10px;
            text-align: left;
            background: #fff;
            &:last-child {
              border-right: 0;
            }
          }

          &:last-child {
            td.st-table-cell {
              border-bottom: 0;
            }
          }
        }
      }
    }
  }

  table {
    .st-table-cell {
      &.st-table-cell-fix-left {
        position: sticky;
        left: 0;
        z-index: 2;
        td {
          color: #575757;
        }
      }

      &.st-table-cell-fix-right {
        background: #fff;
        position: sticky;
        right: 0;
        z-index: 2;
        td {
          color: #575757;
        }
      }
    }
  }
  .loadMore {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
  }
}
